// import _ from 'lodash';
import printMe from './react.js';

printMe()
if (module.hot) {
    module.hot.accept();
}
// function component() {
//   var element = document.createElement('div');
//   var btn = document.createElement('button');
//   // Lodash, now imported by this script
//   element.innerHTML = _.join(['Hello', 'webpack'], ' ');
//   btn.innerHTML = 'Click me and check the console!';
//   btn.onclick = printMe;
//
//   element.appendChild(btn);
//   return element;
// }
//
// let element = component();
// document.body.appendChild(element);
// // document.body.appendChild(component());
// if (module.hot) {
//   module.hot.accept('./print.js', function () {
//     console.log('Accepting the updated printMe module!!');
//     // printMe();
//     document.body.removeChild(element);
//     element = component();
//     document.body.appendChild(element)
//   })
// }


// import React from 'react'
// import ReactDom from 'react-dom'
// // const VDom=React.createElement('h1',{id:'myReact'},React.createElement('span',{style:{color:'red'}},'hello React'));
// // // const VDom=<h1>hello</h1>
// // ReactDom.render(VDom,document.getElementById('myh1'))

// // const VDom=<h1 style={{color:'white',backgroundColor:'red'}} className='title'>Hello</h1>
// // ReactDom.render(VDom,document.getElementById('myh1'))

// // const data=['hello','dog','pao']
// // const myDom=(<div>
// //   <ul>
// //     {data.map((item,index)=>{
// //       return <li key={index}>{item}</li>
// //     })}
// //   </ul>
// // </div>)
// // ReactDom.render(myDom,document.getElementById('myh1'))

// function Demo(){
//   return <span>hello dog</span>
// }
// ReactDom.render(<Demo/>,document.getElementById('myh1'))
// import React from 'react';
import ReactDom from 'react-dom';

// class Weather extends React.Component{
//   constructor(props){
//     super(props)
//     this.state={isHot:false}
//     this.changeWeather=this.changeWeather.bind(this)
//   }
//   render(){
//     const {isHot}=this.state
//     return <h1 onClick={this.changeWeather}>今天天气很{isHot?'炎热':'凉爽'}</h1>
//   }
//   changeWeather(){
//     const {isHot}=this.state
//     this.setState({isHot:!isHot})
//   }
// }
// // function changeWeather(){
// //   console.log('改变天气')
// //   console.log(this);
// // }
// class Weather extends React.Component{
//   state={isHot:false}
//   render(){
//     const {isHot}=this.state
//     return <h1 onClick={this.changeWeather}>今天天气很{isHot?'热':'凉爽'}</h1>
//   }
//   changeWeather=()=>{
//     const {isHot}=this.state
//     this.setState({isHot:!isHot})
//   }
// }
// ReactDom.render(<Weather/>,document.getElementById('myh1'))
// class Car{
//   constructor(age,name){
//     this.age=age
//     this.name=name
//   }
//   wheel=4
// }
// const car1=new Car('14','宝马')
// console.log(car1);
